<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:include page="/common/jsp/adminHeader.jsp" flush="true"/>
<jsp:include page="/common/jsp/adminNav.jsp" flush="true"/>
<link rel="stylesheet" href="/common/css/main.css" />

			<section id="dashboard_wrap">
				<div class="dashboard_inner_wrap">
					<!-- div class="dashboard_title">DashBoard Title section</div -->
					<div class="card1_wrap">
						<div class="card1_1 drop_shadow">
							<h1 class="h1_1">방문수 정보<span class="h1_1_more">2014-09-28 17:51</span></h1>
							<div class="card1_section1">
								<dl class="card1_1_layout">
									<dt class="card1_1_dt">오늘<br />방문자수</dt>
									<dd class="card1_1_dd">: 130</dd>
									<dt class="card1_1_dt">어제<br />방문자수</dt>
									<dd class="card1_1_dd">: 120</dd>
									<dt class="card1_1_dt">전일대비<br />증감</dt>
									<dd class="card1_1_dd">: 10(<span class="arr_up">▲</span>)</dd>
								</dl>
							</div>
							<div class="card1_section2">
								<dl class="card1_1_layout">
									<dt class="card1_1_dt">전체<br />접속자</dt>
									<dd class="card1_1_dd">: 130</dd>
									<dt class="card1_1_dt">최대<br />동접자</dt>
									<dd class="card1_1_dd">: 120</dd>
									<dt class="card1_1_dt">최소<br />동접자</dt>
									<dd class="card1_1_dd">: 10</dd>
								</dl>
							</div>
							<div class="clear"></div>
							<div class="card1_section3">
								<h1 class="h1_1">처리할 주문<a class="h1_1_more" href="#">처리할 주문 전체보기</a></h1>
								<dl class="card1_2_layout">
									<dt class="card1_2_dt">주문->입금</dt>
									<dd class="card1_2_dd"><a class="case_go" href="#">123건 (12,356,600원)</a></dd>

									<dt class="card1_2_dt">입금->준비</dt>
									<dd class="card1_2_dd"><a class="case_go" href="#">3건 (12,356,600원)</a></dd>

									<dt class="card1_2_dt">준비->배송</dt>
									<dd class="card1_2_dd"><a class="case_go" href="#">23건 (12,356,600원)</a></dd>

									<dt class="card1_2_dt">배송->완료</dt>
									<dd class="card1_2_dd"><a class="case_go" href="#">13건 (12,356,600원)</a></dd>
								</dl>
							</div>
						</div>
						<div class="card1_2 drop_shadow">
							<h1 class="h1_1">1주일간 방문자수 추이</h1>
							<div class="chart_wrap">
								<div class="chart_inner_wrap">
									<canvas id="canvas" class="chart_core"></canvas>
								</div>
							</div>
						</div>
					</div>
					<div class="card2_wrap">
						<div class="card2_1 drop_shadow">
							<h1 class="h1_1">견적 발송<a class="h1_1_more" href="#">more</a></h1>
							<table summary="" class="tb1">
								<colgroup>	
									<col width="10%" />
									<col width="*" />
									<col width="20%" />
									<col width="20%" />
									<col width="20%" />
								</colgroup>
								<thead>
									<tr>
										<th scope="col">번호</th>
										<th scope="col">신청자</th>
										<th scope="col">상태</th>
										<th scope="col">등록일</th>
										<th scope="col" class="no_r_border">상세보기</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th scope="row">55</th>
										<td>홍길동</td>
										<td>견적대기</td>
										<td>14.09.28</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">54</th>
										<td>홍길동</td>
										<td>견적완료</td>
										<td>14.09.26</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">53</th>
										<td>홍길동</td>
										<td>견적완료</td>
										<td>14.09.20</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
								</tbody>
								<tfoot></tfoot>
							</table>
						</div>
						<div class="card2_2 drop_shadow">
							<h1 class="h1_1">방문수령 예정자 목록<a class="h1_1_more" href="#">more</a></h1>
							<table summary="" class="tb1">
								<colgroup>	
									<col width="10%" />
									<col width="*" />
									<col width="20%" />
									<col width="20%" />
									<col width="20%" />
								</colgroup>
								<thead>
									<tr>
										<th scope="col">번호</th>
										<th scope="col">신청자</th>
										<th scope="col">상태</th>
										<th scope="col">등록일</th>
										<th scope="col" class="no_r_border">상세보기</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th scope="row">55</th>
										<td>홍길동</td>
										<td>견적대기</td>
										<td>14.09.28</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">54</th>
										<td>홍길동</td>
										<td>견적완료</td>
										<td>14.09.26</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">53</th>
										<td>홍길동</td>
										<td>견적완료</td>
										<td>14.09.20</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
								</tbody>
								<tfoot></tfoot>
							</table>
						</div>
					</div>
					<div class="card3_wrap">
						<div class="card3_1 drop_shadow">
							<h1 class="h1_1">주문 정보<a class="h1_1_more" href="#">more</a></h1>
							<table summary="" class="tb1">
								<colgroup>	
									<col width="15%" />
									<col width="*" />
									<col width="15%" />
									<col width="10%" />
									<col width="10%" />
									<col width="10%" />
									<col width="10%" />
									<col width="10%" />
								</colgroup>
								<thead>
									<tr>
										<th scope="col">주문번호</th>
										<th scope="col">주문자</th>
										<th scope="col">주문자전화번호</th>
										<th scope="col">결제방법</th>
										<th scope="col">결제금액</th>
										<th scope="col">주문상태</th>
										<th scope="col">주문일</th>
										<th scope="col" class="no_r_border">상세보기</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th scope="row"><a class="order_detail_view" href="#order_detail_view">A201409281546</a></th>
										<td>홍길동</td>
										<td>051-123-1234</td>
										<td>신용카드</td>
										<td>150,000</td>
										<td>배송중</td>
										<td>2014-09-01</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">보기</a></td>
									</tr>
									<tr>
										<th scope="row"><a class="order_detail_view" href="#order_detail_view">A201408291000</a></th>
										<td>허준</td>
										<td>02-123-1234</td>
										<td>계좌이체</td>
										<td>32,000</td>
										<td>배송중</td>
										<td>2014-08-29</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">보기</a></td>
									</tr>
									<tr>
										<th scope="row"><a class="order_detail_view" href="#order_detail_view">A201408251546</a></th>
										<td>이순신</td>
										<td>070-5800-4567</td>
										<td>계좌이체</td>
										<td>150,000</td>
										<td>배송중</td>
										<td>2014-08-25</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">보기</a></td>
									</tr>
									<tr>
										<th scope="row"><a class="order_detail_view" href="#order_detail_view">A201409281546</a></th>
										<td>홍길동</td>
										<td>051-123-1234</td>
										<td>신용카드</td>
										<td>150,000</td>
										<td>배송중</td>
										<td>2014-09-01</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">보기</a></td>
									</tr>
									<tr>
										<th scope="row"><a class="order_detail_view" href="#order_detail_view">A201408291000</a></th>
										<td>허준</td>
										<td>02-123-1234</td>
										<td>계좌이체</td>
										<td>32,000</td>
										<td>배송중</td>
										<td>2014-08-29</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">보기</a></td>
									</tr>
									<tr>
										<th scope="row"><a class="order_detail_view" href="#order_detail_view">A201408251546</a></th>
										<td>이순신</td>
										<td>070-5800-4567</td>
										<td>계좌이체</td>
										<td>150,000</td>
										<td>배송중</td>
										<td>2014-08-25</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">보기</a></td>
									</tr>
								</tbody>
								<tfoot></tfoot>
							</table>
						</div>
					</div>
					<div class="card4_wrap">
						<div class="card4_2 drop_shadow">
							<h1 class="h1_1">신규 일반회원<a class="h1_1_more" href="#">more</a></h1>
							<table summary="" class="tb1">
								<colgroup>	
									<col width="15%" />
									<col width="*" />
									<col width="25%" />
									<col width="20%" />
								</colgroup>
								<thead>
									<tr>
										<th scope="col">번호</th>
										<th scope="col">아이디</th>
										<th scope="col">가입일자</th>
										<th scope="col" class="no_r_border">수정</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th scope="row">55</th>
										<td>hongildong</td>
										<td>14-08-25</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">54</th>
										<td>hongil_01</td>
										<td>14-08-20</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">53</th>
										<td>hongil_02</td>
										<td>14-08-16</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
								</tbody>
								<tfoot></tfoot>
							</table>
						</div>
						<div class="card4_2 drop_shadow">
							<h1 class="h1_1">신규 판매자회원<a class="h1_1_more" href="#">more</a></h1>
							<table summary="" class="tb1">
								<colgroup>	
									<col width="15%" />
									<col width="*" />
									<col width="25%" />
									<col width="20%" />
								</colgroup>
								<thead>
									<tr>
										<th scope="col">번호</th>
										<th scope="col">아이디</th>
										<th scope="col">가입일자</th>
										<th scope="col" class="no_r_border">수정</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th scope="row">55</th>
										<td>hongildong</td>
										<td>14-08-25</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">54</th>
										<td>hongil_01</td>
										<td>14-08-20</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">53</th>
										<td>hongil_02</td>
										<td>14-08-16</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
								</tbody>
								<tfoot></tfoot>
							</table>
						</div>
						<div class="card4_2 drop_shadow">
							<h1 class="h1_1">신규 기관기업회원<a class="h1_1_more" href="#">more</a></h1>
							<table summary="" class="tb1">
								<colgroup>	
									<col width="15%" />
									<col width="*" />
									<col width="25%" />
									<col width="20%" />
								</colgroup>
								<thead>
									<tr>
										<th scope="col">번호</th>
										<th scope="col">아이디</th>
										<th scope="col">가입일자</th>
										<th scope="col" class="no_r_border">수정</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th scope="row">55</th>
										<td>hongildong</td>
										<td>14-08-25</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">54</th>
										<td>hongil_01</td>
										<td>14-08-20</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
									<tr>
										<th scope="row">53</th>
										<td>hongil_02</td>
										<td>14-08-16</td>
										<td class="no_r_border"><a class="order_detail_view" href="#order_detail_view">수정</a></td>
									</tr>
								</tbody>
								<tfoot></tfoot>
							</table>
						</div>
					</div>
				</div>
			</section>
		</section>
		<script>
			// Chart.js 공식홈페이지 : http://chartjs.org/
			var barChartData = {
				labels : ["09/22","09/23","09/24","09/25","09/26","09/27","09/28"],
				datasets : [{
					fillColor : "rgba(151,187,205,0.5)",
					strokeColor : "rgba(151,187,205,0.8)",
					highlightFill : "rgba(151,187,205,0.75)",
					highlightStroke : "rgba(151,187,205,1)",
					data : [65, 45, 50, 77, 60, 65, 40]
				}]
			}
			window.onload = function(){
				var ctx = document.getElementById("canvas").getContext("2d");
				window.myBar = new Chart(ctx).Bar(barChartData, {
					responsive			: true,
					animationEasing		: "easeInOutExpo",
					animationSteps		: 100,
					showTooltips		: true,
					tooltipEvents		: ["mousemove", "touchstart", "touchmove", "mouseout"],
					tooltipFontFamily	: "Nanum Gothic",
					scaleFontFamily		: "Nanum Gothic",
					scaleGridLineWidth	: 1,
				});
			}
		</script>
<jsp:include page="/common/jsp/adminFooter.jsp" flush="true"/>